@import './element-ui.scss';
@import './mixin.scss';

html {
  height: 100%;
  background-color: #e6e6e6;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
  color: #555;
  font-size: 14px;
  height: 100%;
  a {
    color: #555;
    text-decoration: none;
    &:hover {
      color: #26a1ff;
      text-decoration: none;
    }
  }
}

// 布局容器
.page-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 1200px;
  min-height: 600px;
  .header-container {
    flex: 0 0 76px;
  }
  .main-container {
    flex: 1;
    padding: 12px 12px 4px;
    background-color: #e6e6e6;
    @include scrollBar;
    overflow: auto;
  }
  .footer-container {
    flex: 0 0 60px;
    background-color: #e6e6e6;
  }
}
.link-style {
  cursor: pointer;
  text-decoration: underline;
  &:hover {
    color: #26a1ff;
  }
}
